<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name="viewport" content="width=device-width,
     initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>友会网</title>
    <link rel="stylesheet" href="css/index.css"/>
    <script src="js/jquery.min.js"></script>
    <!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
    <script src="js/rem.js"></script>
</head>
<body>
<!--头部-->
<div class="header_grow">
    <header>
        <div class="header_left"><img src="img/Group 4.png" alt=""/></div>
        <div class="header_right">
            <ul>
                <li><a href="">首页</a></li>
                <li><a href="#contactUs">联系我们</a></li>
                <li><a href="./html/about.html">关于我们</a></li>
            </ul>
        </div>
    </header>
</div>
<!--内容-->
<div class="wrap">
    <div class="abc">
        <div class="video_wrap">
            <div class="video_wachart">
                <img src="img/Group 12@2x.png" alt="" class="Small_program
"/>

                <div class="img_right"><img src="img/Group Copy 7@2x.png" alt=""/><img src="img/Bitmap Copy 2@2x.png" alt=""/></div>
            </div>
            <div class="video">
                <video id="media" width="100%" height="100%" controls> 
                      <source src="http://minkbooks.com/content/trailer.mp4">
                       <source src="http://minkbooks.com/content/trailer.ogg">
                      </video>
                <!--<img src="img/click2.png" class="video_play" alt=""/>-->
            </div>
        </div>
    </div>
    <div class="main">
        <!--快捷购票、快速入场-->
        <div class="main_word">
            <p class="quikePay">快捷购票、快速入场</p>

            <p class="quike_login">我们彻底解决了线下排队入场、登记签到、领取入场票的问题</p>
        </div>
        <div class="main_progress">
            <ul class="img_list_top">
                <li><img src="img/click2.png" alt=""/><p>进入小程序，点击热销中的精品会议
                </p></li>
                <li><img src="img/Group@2x.png" alt=""/></li>
                <li><img src="img/click2.png" alt=""/><p>点击一键购票选择个人/团体票种
                </p></li>
                <li><img src="img/Group@2x.png" alt=""/></li>
                <li><img src="img/click2.png" alt=""/><p>填写参会信息
                </p></li>
            </ul>
            <ul class="img_list_middle"><img src="img/Group Copy 7@2x.png" alt=""/></ul>
            <ul class="img_list_dowm">
                <li><img src="img/click2.png" alt=""/><p>快人一步进入会场：前往VIP自助取票终端，出示取票二维码对准扫描区，验证成功即可出票
                </p></li>
                <li><img src="img/Group Copy 3@2x.png" alt=""/></li>
                <li><img src="img/click2.png" alt=""/><p>一键微信支付
                </p></li>
                <li><img src="img/Group Copy 3@2x.png" alt=""/></li>
                <li><img src="img/click2.png" alt=""/><p>线上申领发票
                </p></li>
            </ul>

        </div>

        <!--嘘！这个小秘密我只告诉你哦-->
        <div class="main_word" style="margin-top: 1.5rem">
            <p class="quikePay">嘘！这个小秘密我只告诉你哦</p>

            <p class="quike_login">参会不怕孤身一人，生成海报拉上志同道合的TA与你一起结伴而行；分享赢红包，真的不是说说这么简单：TA买票，你获益</p>
        </div>

        <div class="main_Secret">
            <ul>
                <li><img src="img/Group 2@2x.png" alt=""/></li>
                <li><img src="img/Group 18@2x.png" alt=""/></li>
            </ul>
        </div>

        <div class="main_scene" style="margin-top: 1.5rem">
            <p class="quikePay">未亲临现场？我们将信息送至您眼前</p>
            <p class="quike_login">整场大会，每场论坛设有全程直播，观看实时视频直播同时，线上参与讨论，参与感来的就是这么直接</p>
        </div>

        <div class="main_Secret_img">
            <ul>
                <li><img src="img/Group 19@2x.png" alt=""/></li>
                <li class="Secret_img_align"><img src="img/Group@2x.png" alt=""/>

                    <p>好看的瞬间抓不住？ 拼图帮你搞定</p></li>
                <li><img src="img/picture2.png" alt=""/></li>
            </ul>
        </div>
        <div class="main_action">
            <div class="main_word" style="margin-top: 1.5rem">
                <p class="quikePay">我们正在实施一版吊炸天的动作</p>

                <p class="quike_login">吸引你的，远远不止这几点…</p>
            </div>

            <div class="main_action_step">
                <ul>
                    <li class="relatives"><img src="img/1@2x.png" alt=""/><p>加入通讯录好友，邀请参会一键搞定
                    </p></li>
                    <li class="relatives"><img src="img/2@2x.png" alt=""/><p>加入通讯录好友，邀请参会一键搞定
                    </p></li>
                    <li class="relatives"><img src="img/3@2x.png" alt=""/><p>加入通讯录好友，邀请参会一键搞定
                    </p></li>

                </ul>
                <ul class="uls_down">
                    <li class="uls_down_four relatives"><img src="img/4@2x.png" alt=""/><p>加入通讯录好友，邀请参会一键搞定
                    </p></li>
                    <li class="uls_down_five relatives"><img src="img/5@2x.png" alt=""/><p>加入通讯录好友，邀请参会一键搞定
                    </p></li>
                </ul>
            </div>

        </div>


        <div class="Seek_cooperation">

            <div class="cooperation_title">
                <p class="quikePay">寻求商务合作的你，是不是已经心动了？</p>

                <p class="quike_login">心动不如行动，我来告诉你为什么！我们提供健康界全平台推广营销服务，日流量300W+</p>
            </div>
            <div class="cooperation_img">
                <ul>
                    <li>
                        <img src="img/Group 31@2x.png" alt=""/>
                        <p class="move_show">APP</p>
                    </li>
                    <li><img src="img/Triangle Copy 7@2x.png" alt="" class="Progress_bar"/></li>
                    <li><img src="img/Group 21@2x.png" alt=""/>

                        <p>网站</p></li>
                    <li><img src="img/Triangle Copy 7@2x.png" alt="" class="Progress_bar"/></li>
                    <li><img src="img/Group 31@2x.png" alt=""/>

                        <p>微信公众号</p></li>
                    <li><img src="img/Triangle Copy 7@2x.png" alt="" class="Progress_bar"/></li>
                    <li><img src="img/youhui2.png" alt=""/>

                        <p>小程序</p>
                    </li>
                </ul>

                <ul class="show_content" style="display: none">
                    <li>
                        <p class="download_btn">
                            <button>下载iOS版</button>
                            <button>下载安卓版</button>
                        </p>
                    </li>
                    <li></li>
                    <li><img src="img/Bitmap@2x.png" alt=""/></li>
                    <li><img src="img/Bitmap Copy 2@2x.png" alt=""/></li>
                </ul>
            </div>
        </div>


        <div class="contact_us" id="contactUs">
            <div class="contact_title">联系我们</div>
            <div class="form_submit">
                <form id="form1" action="" method="post">
                    <label for="users">姓&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp名：</label>
                    <input type="text" name="username" id="user"><br>
                    <label for="psw">联系电话：</label>
                    <input type="tel" name="tel" id="tel">
                    <br><br>
                    <input type="submit" value="提交" class="submits">
                </form>
            </div>
        </div>
    </div>
    <footer>
        <p class="componey">2012 北京华媒康讯信息技术股份有限公司 All Rights Reserved. 注册地址:北京 联系电话:82736610</p>

        <p class="Authentication"><span>京ICP证xxxxxx号</span><img src="img/ing-active.png" alt=""/><span>京公网安备 xxxxxxxxxxxx号</span></p>
    </footer>
</div>

</body>
<script>
    window.onbeforeunload = function(event) {
        event.returnValue = "我在这写点东西...";
    };
</script>
</html> 